<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="../public/public.css">
    <link rel="stylesheet" type="text/css" href="../public/header/header.css">
    <link rel="stylesheet" type="text/css" href="../public/footer/footer.css">
    <link rel="stylesheet" type="text/css" href="../search/search.css">
</head>

<body>
    <!-- #region 头部 -->
    <div class="header defultBorder">
        <div class="header_top">
            <div class="w1200"><a class="city fl" href="#">重庆[切换城市]</a>
                <div class="fr">餐饮商铺转让网(store.cyt360.com)欢迎您的光临</div>
            </div>
        </div>
        <div class="header_body">
            <div class="w1200">
                <div class="logo_box fl"><img src="../public/images/logo.png"></div>
                <div class="nav_box fl">
                    <a href="#">首页</a>
                    <a href="#">西餐商铺</a>
                    <a href="#">中餐商铺</a>
                    <a href="#">火锅商铺</a>
                    <a href="#">西餐商铺</a>
                    <a href="#">中餐商铺</a>
                </div>
                <div class="searchAndButton_div fr">
                    <div class="search_box">
                        <div class="input_div">
                            <input type="text" placeholder="请输入关键字">
                        </div>
                        <button class="searchButton">搜索</button>
                    </div>
                    <a class="button_box" href="#">我要发布</a>
                </div>
            </div>
        </div>
    </div>
    <!-- #endregion -->


    <!-- #region 内容 -->
    <div class="content w1200">
        <!-- 筛选条件 -->
        <div class="screen w1200 defultBorder">
            <!-- 行业分类 -->
            <div class="category-one">
                <p class="p1">行业</p>
                <p class="p2"><a href="" class="active"><span>不限</span></a></p>
                <p class="p3">
                    <a href=""><span>餐饮美食</span></a>
                    <a href=""><span>美容美发</span></a>
                    <a href=""><span>服饰鞋包</span></a>
                    <a href=""><span>休闲娱乐</span></a>
                    <a href=""><span>百货超市</span></a>
                    <a href=""><span>生活服务</span></a>
                    <a href=""><span>电子通讯</span></a>
                    <a href=""><span>汽车服务</span></a>
                    <a href=""><span>医疗保险</span></a>
                    <a href=""><span>家居建材</span></a>
                    <a href=""><span>教育培训</span></a>
                    <a href=""><span>酒店宾馆</span></a>
                    <a href=""><span>其他</span></a>
                </p>
            </div>

            <!-- 区域 -->
            <div class="category-one">
                <p class="p1">区域</p>
                <p class="p2"><a href="" class="active"><span>不限</span></a></p>
                <p class="p3">
                    <a href=""><span>罗湖区</span></a>
                    <a href=""><span>福田区</span></a>
                    <a href=""><span>南山区</span></a>
                    <a href=""><span>宝安区</span></a>
                    <a href=""><span>龙岗区</span></a>
                    <a href=""><span>盐田区</span></a>
                    <a href=""><span>龙华新区</span></a>
                    <a href=""><span>坪山区</span></a>
                    <a href=""><span>光明区</span></a>
                    <a href=""><span>大鹏新区</span></a>
                </p>
            </div>

            <!-- 面积 -->
            <div class="category-one">
                <p class="p1">面积</p>
                <p class="p2"><a href="" class="active"><span>不限</span></a></p>
                <p class="p3">
                    <a href=""><span>20平米以下</span></a>
                    <a href=""><span>20-50平米</span></a>
                    <a href=""><span>50-100平米</span></a>
                    <a href=""><span>100-200平米</span></a>
                    <a href=""><span>200-500平米</span></a>
                    <a href=""><span>500平米以上</span></a>
                    <input style="width: 40px;">
                    <span>-</span>
                    <input style="width: 40px;">
                    <button style="width: 40px;">确定</button>
                </p>
            </div>

        </div>
        <div class="searchItem">
            <ul>
                <span style="margin-right: 10px;margin-left: 15px;font-size: 13px;">你正在查询</span>
                <div class="searchTag">
                    "餐饮美食"
                    <span class="searchTagImg"></span>
                </div>

            </ul>
        </div>

        <!--筛选结果-->
        <div class="contenBox">
            <div class="transferMix">
                <div class="searchCheck">
                    <div class="el-pagination mini-page">
                        <slot>
                            <button type="button" disabled="disabled" class="btn-next"><img style="width: 20px;height: 20px;" src="../public/images/箭头_左.png"></button>
                            <span style="line-height: 20px;">1/25</span>
                            <button type="button" disabled="disabled" class="btn-next"><img style="width: 20px;height: 20px;" src="../public/images/箭头_右.png"></button>
                        </slot>
                    </div>
                </div>
                <ul class="transferContext">
                    <li class="transferBox">
                        <div class="transferDetail">
                            <div class="transferInfo">
                                <div class="transferText">
                                    <a href="">
                                        <div style="margin-bottom: 20px;">
                                            <span class="txtTitle">程小姐找龙岗区铺面做面馆</span>
                                            <span class="txtLog"><img src="">
                                            </span>
                                        </div>
                                    </a>
                                    <div class="txtType">求租行业：面馆</div>
                                    <div class="txtAddress">考虑区域：龙岗区、坪山区</div>
                                    <div class="txtTime"><img class="margin-r5 relativeT1" src="">
                                     7-11
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="transferData">
                            <div style="color: #ff6a00;">
                                <span class="fontSize28 fontBold tahomaFont">50-100</span>
                                <span>平米</span>
                            </div>
                            <div style="margin: 5px 0;">
                                <span class="fontSize18 fontBold tahomaFont">5000-8000</span>
                                <span>元/月</span>
                            </div>
                        </div>
                    </li>
                    <li class="transferBox">
                        <div class="transferDetail">
                            <div class="transferInfo">
                                <div class="transferText">
                                    <a href="">
                                        <div style="margin-bottom: 20px;">
                                            <span class="txtTitle">程小姐找龙岗区铺面做面馆</span>
                                            <span class="txtLog"><img src="">
                                            </span>
                                        </div>
                                    </a>
                                    <div class="txtType">求租行业：面馆</div>
                                    <div class="txtAddress">考虑区域：龙岗区、坪山区</div>
                                    <div class="txtTime"><img class="margin-r5 relativeT1" src="">
                                     7-11
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="transferData">
                            <div style="color: #ff6a00;">
                                <span class="fontSize28 fontBold tahomaFont">50-100</span>
                                <span>平米</span>
                            </div>
                            <div style="margin: 5px 0;">
                                <span class="fontSize18 fontBold tahomaFont">5000-8000</span>
                                <span>元/月</span>
                            </div>
                        </div>
                    </li>
                    <li class="transferBox">
                        <div class="transferDetail">
                            <div class="transferInfo">
                                <div class="transferText">
                                    <a href="">
                                        <div style="margin-bottom: 20px;">
                                            <span class="txtTitle">程小姐找龙岗区铺面做面馆</span>
                                            <span class="txtLog"><img src="">
                                            </span>
                                        </div>
                                    </a>
                                    <div class="txtType">求租行业：面馆</div>
                                    <div class="txtAddress">考虑区域：龙岗区、坪山区</div>
                                    <div class="txtTime"><img class="margin-r5 relativeT1" src="">
                                     7-11
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="transferData">
                            <div style="color: #ff6a00;">
                                <span class="fontSize28 fontBold tahomaFont">50-100</span>
                                <span>平米</span>
                            </div>
                            <div style="margin: 5px 0;">
                                <span class="fontSize18 fontBold tahomaFont">5000-8000</span>
                                <span>元/月</span>
                            </div>
                        </div>
                    </li>
                    <li class="transferBox">
                        <div class="transferDetail">
                            <div class="transferInfo">
                                <div class="transferText">
                                    <a href="">
                                        <div style="margin-bottom: 20px;">
                                            <span class="txtTitle">程小姐找龙岗区铺面做面馆</span>
                                            <span class="txtLog"><img src="">
                                            </span>
                                        </div>
                                    </a>
                                    <div class="txtType">求租行业：面馆</div>
                                    <div class="txtAddress">考虑区域：龙岗区、坪山区</div>
                                    <div class="txtTime"><img class="margin-r5 relativeT1" src="">
                                     7-11
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="transferData">
                            <div style="color: #ff6a00;">
                                <span class="fontSize28 fontBold tahomaFont">50-100</span>
                                <span>平米</span>
                            </div>
                            <div style="margin: 5px 0;">
                                <span class="fontSize18 fontBold tahomaFont">5000-8000</span>
                                <span>元/月</span>
                            </div>
                        </div>
                    </li>
                    <li class="transferBox">
                        <div class="transferDetail">
                            <div class="transferInfo">
                                <div class="transferText">
                                    <a href="">
                                        <div style="margin-bottom: 20px;">
                                            <span class="txtTitle">程小姐找龙岗区铺面做面馆</span>
                                            <span class="txtLog"><img src="">
                                            </span>
                                        </div>
                                    </a>
                                    <div class="txtType">求租行业：面馆</div>
                                    <div class="txtAddress">考虑区域：龙岗区、坪山区</div>
                                    <div class="txtTime"><img class="margin-r5 relativeT1" src="">
                                     7-11
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="transferData">
                            <div style="color: #ff6a00;">
                                <span class="fontSize28 fontBold tahomaFont">50-100</span>
                                <span>平米</span>
                            </div>
                            <div style="margin: 5px 0;">
                                <span class="fontSize18 fontBold tahomaFont">5000-8000</span>
                                <span>元/月</span>
                            </div>
                        </div>
                    </li>
                    <li class="transferBox">
                        <div class="transferDetail">
                            <div class="transferInfo">
                                <div class="transferText">
                                    <a href="">
                                        <div style="margin-bottom: 20px;">
                                            <span class="txtTitle">程小姐找龙岗区铺面做面馆</span>
                                            <span class="txtLog"><img src="">
                                            </span>
                                        </div>
                                    </a>
                                    <div class="txtType">求租行业：面馆</div>
                                    <div class="txtAddress">考虑区域：龙岗区、坪山区</div>
                                    <div class="txtTime"><img class="margin-r5 relativeT1" src="">
                                     7-11
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="transferData">
                            <div style="color: #ff6a00;">
                                <span class="fontSize28 fontBold tahomaFont">50-100</span>
                                <span>平米</span>
                            </div>
                            <div style="margin: 5px 0;">
                                <span class="fontSize18 fontBold tahomaFont">5000-8000</span>
                                <span>元/月</span>
                            </div>
                        </div>
                    </li>
                    <li class="transferBox">
                        <div class="transferDetail">
                            <div class="transferInfo">
                                <div class="transferText">
                                    <a href="">
                                        <div style="margin-bottom: 20px;">
                                            <span class="txtTitle">程小姐找龙岗区铺面做面馆</span>
                                            <span class="txtLog"><img src="">
                                            </span>
                                        </div>
                                    </a>
                                    <div class="txtType">求租行业：面馆</div>
                                    <div class="txtAddress">考虑区域：龙岗区、坪山区</div>
                                    <div class="txtTime"><img class="margin-r5 relativeT1" src="">
                                     7-11
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="transferData">
                            <div style="color: #ff6a00;">
                                <span class="fontSize28 fontBold tahomaFont">50-100</span>
                                <span>平米</span>
                            </div>
                            <div style="margin: 5px 0;">
                                <span class="fontSize18 fontBold tahomaFont">5000-8000</span>
                                <span>元/月</span>
                            </div>
                        </div>
                    </li>
                    <li class="transferBox">
                        <div class="transferDetail">
                            <div class="transferInfo">
                                <div class="transferText">
                                    <a href="">
                                        <div style="margin-bottom: 20px;">
                                            <span class="txtTitle">程小姐找龙岗区铺面做面馆</span>
                                            <span class="txtLog"><img src="">
                                            </span>
                                        </div>
                                    </a>
                                    <div class="txtType">求租行业：面馆</div>
                                    <div class="txtAddress">考虑区域：龙岗区、坪山区</div>
                                    <div class="txtTime"><img class="margin-r5 relativeT1" src="">
                                     7-11
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="transferData">
                            <div style="color: #ff6a00;">
                                <span class="fontSize28 fontBold tahomaFont">50-100</span>
                                <span>平米</span>
                            </div>
                            <div style="margin: 5px 0;">
                                <span class="fontSize18 fontBold tahomaFont">5000-8000</span>
                                <span>元/月</span>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- #endregion -->


    <!--#region 底部 -->
    <div class="footer">
        <div class="footer-top">
            <div class="footer-left">
                <div class="footer-content">
                    <div class="footer-title">用户服务</div>
                    <a href="#" class="sub-title">用户服务</a>
                    <a href="#" class="sub-title">使用前必读</a>
                    <a href="#" class="sub-title">隐私协议</a>
                </div>
                <div class="footer-content">
                    <div class="footer-title">商家服务</div>
                    <a href="#" class="sub-title">品牌入住</a>
                    <a href="#" class="sub-title">会员权益</a>

                </div>
                <div class="footer-content">
                    <div class="footer-title">关于餐饮商铺转让</div>
                    <a href="#" class="sub-title">平台介绍</a>
                    <a href="#" class="sub-title">官方微博</a>
                    <a href="#" class="sub-title">官方百科</a>
                    <a href="#" class="sub-title">建议反馈</a>

                </div>
                <div class="footer-content">
                    <div class="footer-title">友情链接</div>
                    <a href="#" class="sub-title">爱企查</a>
                    <a href="#" class="sub-title">爱采购</a>
                    <a href="#" class="sub-title">出海易</a>
                    <a href="#" class="sub-title">企业推广</a>

                </div>

            </div>
            <div class="footer-right">
                <div class="footer-box">
                    <div class="footer-img-one"></div>
                    <p class="footer-imgname">微信公共号</p>
                </div>
                <div class="footer-box">
                    <div class="footer-img-two"></div>
                    <p class="footer-imgname">小助手微信号</p>
                </div>

            </div>
        </div>
    </div>
    <!-- #endregion -->
</body>

</html>